<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Mano Feliz</title>
<meta name="keywords" content="Mano Encontro Mina relacionamento" />
<meta name="description" content="Lugar onde os mano e as mina são mais feliz." />
<link href="style.css" rel="stylesheet" type="text/css" />
<style type="text/css">
</style>
<script language="javascript" type="text/javascript" src="js/jquery-1.5.1.min.js"></script>
<script language="javascript" type="text/javascript" src="js/jquery.validate.js"></script>
<script language="javascript" type="text/javascript" src="js/manofeliz.js"></script>
<script language="javascript" type="text/javascript">
function clearText(field)
{
    if (field.defaultValue == field.value) field.value = '';
    else if (field.value == '') field.value = field.defaultValue;
}
</script>
</head>
<body>
<div id="header_wrapper">
	<div id="header">
   		<div id="site_title">
            <h1><a href="#" target="_parent">
            	<img src="images/logo.png" alt="CSS Templates" />
                <span> </span>
            </a></h1>
        </div>
         <div id="menu">
            <ul>
                <li><a href="#" class="current">Inicio</a></li>
                <li><a href="#" target="_parent">Encontros</a></li>
                <li><a href="#" target="_parent">Namoro</a></li>
                <li><a href="#" target="_parent">Fotos</a></li>
                <li><a href="#">Contato</a></li>
            </ul>    	
        </div> <!-- end of menu -->
        <div class="cleaner"></div>
  </div> <!-- end of header -->
</div> 
<!-- end of header_wrapper -->

<div id="content_wrapper">
	<div id="content">
        <div class="content_section">
            <h2>Nossos Serviços</h2>
            <div class="product_box margin_r10">
	            <h3>Encontros</h3>
                <img src="images/encontros_preto.jpg" alt="product" />
              <p class="price">Preço R$20</p>
                <a href="#">Detalhes</a> | <a href="#">Adcionar ao Carrinho</a>
            </div>
            <div class="product_box margin_r10">
	            <h3>Festas</h3>
                <img src="images/festas3.jpg" alt="product" />
                  <p class="price">Preço R$40</p>
                    <a href="#">Detalhes</a> | <a href="#">Adicionar ao Carrinho</a>
            </div>
            <div class="product_box ">
	            <h3>Casamentos</h3>
                <img src="images/casamento3.jpg" alt="product" />
              <p class="price">Faça seu Orçamento</p>
                <a href="#">Detalhes</a> | <a href="#">Adicionar ao Carrinho</a>
            </div>            
            <div class="cleaner"></div>
            <div class="button_01"><a href="#">Ver Mais</a></div>        
        </div>        
       
    </div> <!-- end of content -->
	
  <div id="sidebar">
    	<div class="sidebar_section">
            <h2>Categorias</h2>
       		<div class="sidebar_section_content">
                <ul class="categories_list">
                    <li><a href="#" onclick="$('#content').load('./paginas/cadastro/cadCliente.html');">Cadastre-se</a></li>
                    <li><a href="#" onclick="$('#content').load('./paginas/cadastro/cadEncontro.html');">Marcar encontro</a></li>
                    <li><a href="#" onclick="$('#content').load('./paginas/cadastro/pedidoCasamento.html');">Pedido de Casamento</a></li>
                    <li><a href="#">Festas do Mês</a></li>
                    <li><a href="#">Marque um Encontro</a></li>
                    <li><a href="#">Galeria de Imagens</a></li>
                   
                </ul>
            </div>
        </div>
    <div class="cleaner_h30"></div>
    </div> 
    <!-- end of sidebar -->
    
  	<div class="cleaner"></div>    
</div> <div id="content_wrapper_bottom"></div> <!-- end of content_wrapper -->
<div id="footer">
   			<ul class="footer_menu">
                <li><a href="#">Inicio</a></li>
                <li><a href="#" target="_parent">Namoro</a></li>
                <li><a href="#" target="_parent">Encontros</a></li>
                <li><a href="#" target="_parent">Fotos</a></li>
                <li class="last_menu"><a href="#">Contato</a></li>
            </ul>           
</div> 
<!-- end of footer -->

</body>
</html>